<template>
  <v-card>
    <v-card-title class="text-h6">{{ value.Name }}</v-card-title>
    <v-card-text>
      <br />
      <v-row justify="center">
        <v-img
          width="300"
          max-width="300"
          :aspect-ratio="16 / 9"
          :src="value.Image"
          contain
        >
        </v-img>
      </v-row>

      <v-row justify="center">
        <v-col cols="12">
          <v-text-field v-model="value.Tags" label="标签" readonly>
          </v-text-field>
        </v-col>
        <v-col cols="12">
          <v-text-field v-model="value.Description" label="描述" readonly>
          </v-text-field>
        </v-col>
      </v-row>
    </v-card-text>
  </v-card>
</template>

<script lang="ts">
import { Component, Prop, Vue } from "vue-property-decorator";
import { IPictureModel, PictureModel } from "@/Model/PictureModel";

@Component({})
export default class PictureShow extends Vue {
  // region Prop
  @Prop({
    default: () => {
      return new PictureModel();
    }
  })
  value: IPictureModel;
  // endregion

  // region Data
  // endregion

  // region computed
  // endregion

  // region watch
  // endregion

  // region method
  // endregion

  // region hook
  // endregion
}
</script>

<style lang="scss"></style>
